<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>男装</title>
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <link rel="stylesheet/less" href="./css/common.less">
    <link rel="stylesheet/less" href="./css/reset.less">
    <link rel="stylesheet/less" href="./css/boy.less">
</head>
<body>
    <div class="wrap">
        <header>
            <nav class="navbar">
                <div class="container">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <img src="./images/images/01_03.jpg">
                    </div>
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav navbar-center" style="position: relative; left: 50%; transform: translateX(-145px);">
                            <li><a href="./index.html">首页</a></li>
                            <li><a href="./girl.html">女装</a></li>
                            <li><a href="#" class="boy">男装</a></li>
                            <li><a href="./bag.html">箱包</a></li>
                            <li><a href="./special.html">特价</a></li>
                        </ul>
                    </div>
                    <div class="navbar-right">
                        <img src="./images/images/02_03.jpg">
                        <div class="two">2</div>
                    </div>
                </div>
            </nav>
        </header>
        <div class="title">男装</div>
        <div class="center">
            <div class="top">
                <ul>
                    <li><span>全部</span></li>
                    <li>销量</li>
                    <li>最新</li>
                    <li>收藏</li>
                    <li>评论</li>
                </ul>
            </div>
            <div class="content">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3 col-sm-6">
                            <div class="item">
                                <div class="images">
                                    <img src="./images/shirt2.jpg">
                                </div>
                                <div class="dress">毛衣</div>
                                <div class="dress-two">红色保暖毛衣</div>
                                <div class="textone">109.00</div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="item">
                                <div class="images">
                                    <img src="./images/shirt3_03.jpg">
                                </div>
                                <div class="dress">衬衫</div>
                                <div class="dress-two">蓝色牛仔衬衫</div>
                                <div class="text">189.00</div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="item">
                                <div class="images">
                                    <img src="./images/shirt4_03.jpg">
                                </div>
                                <div class="dress">T恤衫</div>
                                <div class="dress-two">埃米特电缆T恤</div>
                                <div class="text">139.00</div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="item">
                                <div class="images">
                                    <img src="./images/images/man3.jpg">
                                    <div class="shouqing">售罄</div>
                                </div>
                                <div class="dress">保暖衣</div>
                                <div class="dress-two">秋季保暖衣</div>
                                <div class="text">569.00</div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="item">
                                <div class="images">
                                    <img src="./images/images/man2.jpg">
                                    <div class="shouqing">售罄</div>
                                </div>
                                <div class="dress">西装</div>
                                <div class="dress-two">海澜之家男士西装</div>
                                <div class="text">569.00</div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="item">
                                <div class="images">
                                    <img src="./images/images/man7.webp">
                                </div>
                                <div class="dress">卫衣</div>
                                <div class="dress-two">蓝色长袖卫衣</div>
                                <div class="text">300.00</div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="item">
                                <div class="images">
                                    <img src="./images/images/man4.jpg">
                                    <div class="tejia">特价</div>
                                </div>
                                <div class="dress">衬衫</div>
                                <div class="dress-two">夏日凉爽衬衫</div>
                                <div class="textone"><span>188.00</span>88.00</div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="item">
                                <div class="images">
                                    <img src="./images/images/man5.jpg">
                                </div>
                                <div class="dress">毛衣</div>
                                <div class="dress-two">条纹保暖毛衣</div>
                                <div class="text">88.00</div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="item">
                                <div class="images">
                                    <img src="./images/images/img5_03.jpg">
                                </div>
                                <div class="dress">T恤衫</div>
                                <div class="dress-two">埃米特电缆T恤</div>
                                <div class="text">159.00</div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="item">
                                <div class="images">
                                    <img src="./images/images/man6.jpg">
                                    <div class="tejia">特价</div>
                                </div>
                                <div class="dress">卫衣</div>
                                <div class="dress-two">绿色短袖卫衣</div>
                                <div class="textone"><span>160.00</span>99.00</div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="item">
                                <div class="images">
                                    <img src="./images/shirt5_03.jpg">
                                </div>
                                <div class="dress">T恤衫</div>
                                <div class="dress-two">绿色村庄T恤衫</div>
                                <div class="text">109.00</div>
                            </div>
                        </div>
                        <div class="col-lg-3 col-sm-6">
                            <div class="item">
                                <div class="images">
                                    <img src="./images/images/img4_03.jpg">
                                </div>
                                <div class="dress">短裤</div>
                                <div class="dress-two">牛仔吊带短裤</div>
                                <div class="text">109.00</div>
                            </div>
                        </div>
                    </div>
                </div>
                <button class="btn">更多</button>
            </div>
        </div>
        <footer>
            <div class="footer-left">
                <div class="left-one">
                    <img src="./images/images/特权_03.jpg">
                    <div class="text">2018 2018 Copyright fengcolor.com </div>
                </div>
                <div class="textone">All Rights Reserved. </div>
                <div class="left-two">
                    <div class="numone">020-8525866</div>
                    <div class="numtwo">info@fengcolor.com</div>
                </div>
                <div class="texttwo">中国</div>
                <div class="textthree">广州市白云区丰采服装定制工作室</div>
                <div class="textfour">510000</div>
            </div>
            <div class="footer-one">
                <ul>
                    <li><a href="./girl.html">女装专区</a></li>
                    <li><a href="#">男装专区</a></li>
                    <li><a href="./bag.html">箱包专区</a></li>
                    <li><a href="#">鞋子专区</a></li>
                    <li><a href="./special.html">特价专区</a></li>
                </ul>
            </div>
            <div class="footer-two">
                <ul>
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">运费说明</a></li>
                    <li><a href="#">常见问题</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">售后服务</a></li>
                </ul>
            </div>
            <div class="footer-right">
                <img src="./images/images/二维码_03.jpg">
            </div>
        </footer>
    </div>
</body>
</html>
<script src="./js/jquery.min.js"></script>
<script src="/js/swiper-bundle.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/less.min.js"></script>
<script src="/js/wow.min.repeat.js"></script>
<script>
    new WOW().init();

    var MySwiper = new Swiper('.team-swiper',{
        loop: true, 
    
        pagination: {
            el: '.swiper-pagination',
        },
    })
</script>